input大小

您所在的位置:网站首页 input text大小 input大小

input大小

#input大小| 来源: 网络整理| 查看: 265

方法1. 利用Layout布局

下方审批人输入框太长,导致界面像假村花东施 在这里插入图片描述 解决办法: 使用Layout中的col组件,并设置其:span属性大小,:span为24时,铺满赤道、为8时就是占1/3,其他以此类推。 在这里插入图片描述

如果在el-col外面再给外衣el-row也是不错也~

回眸一望,上方图中的input输入框好像没有对齐,查阅文档可知,Form组件中有个叫label-width的属性,设置成100px看看

在这里插入图片描述 嗯哼?效果还可以,如果设置成自动适配label-width="auto"是最好 补充: 对label的位置可以设置属性label-position的值(el-form标签中设置) 如果值为 left 或者 right 时,则需要设置 label-width label-position可选值:right/left/top

方法2. 直接设置宽度大小,不具响应式 先设置label-width,如下方 label-width="140px" 再设置el-input的宽度,如下方 .yourForm { .el-input { width: 350px; } }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3